<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>通知</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="robots" content="all,follow">
	<!-- Bootstrap CSS-->
	<link rel="stylesheet" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}">
	<!-- Font Awesome CSS-->
	<link rel="stylesheet" th:href="@{/vendor/font-awesome/css/font-awesome.min.css}">
	<!-- Fontastic Custom icon font-->
	<link rel="stylesheet" th:href="@{/css/fontastic.css}">
	<!-- Google fonts - Roboto -->
	<link rel="stylesheet" >
	<!-- jQuery Circle-->
	<link rel="stylesheet" th:href="@{/css/grasp_mobile_progress_circle-1.0.0.min.css}">
	<!-- Custom Scrollbar-->
	<link rel="stylesheet" th:href="@{/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css}">
	<!-- theme stylesheet-->
	<link rel="stylesheet" th:href="@{/css/style.default.css}" id="theme-stylesheet">
	<!-- Custom stylesheet - for your changes-->
	<link rel="stylesheet" th:href="@{/css/custom.css}">
	<!-- Favicon-->
	<link rel="shortcut icon" th:href="@{/img/favicon.ico}">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
	<link rel="stylesheet" th:href="@{/css/global.css}" />

	<!-- Tweaks for older IEs--><!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<div class="nk-container">
	<nav class="side-navbar" th:replace="index::left">
		<div class="side-navbar-wrapper">
			<!-- Sidebar Header    -->
			<div class="sidenav-header d-flex align-items-center justify-content-center">
				<!-- User Info-->
				<div class="sidenav-header-inner text-center"><img src="img/Klose.jpg" alt="person" class="img-fluid rounded-circle">
					<h2 class="h5">Nathan Andrews</h2><span>Web Developer</span>
				</div>
				<!-- Small Brand information, appears on minimized sidebar-->
				<div class="sidenav-header-logo"><a href="discussindex.html" class="brand-small text-center"> <strong>B</strong><strong class="text-primary">D</strong></a></div>
			</div>
			<!-- Sidebar Navigation Menus-->
			<div class="main-menu">
				<h5 class="sidenav-heading">Main</h5>
				<ul id="side-main-menu" class="side-menu list-unstyled">
					<li><a href="discussindex.html"> <i class="icon-home"></i>主页                             </a></li>
					<li><a href="forms.html"> <i class="icon-form"></i>某功能                             </a></li>
					<li><a href="charts.html"> <i class="fa fa-bar-chart"></i>仓库情况                            </a></li>
					<li><a href="tables.html"> <i class="icon-grid"></i>员工列表                          </a></li>
					<li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"> <i class="icon-interface-windows"></i>库存管理 </a>
						<ul id="exampledropdownDropdown" class="collapse list-unstyled ">
							<li><a href="#">入库管理</a></li>
							<li><a href="#">出库管理</a></li>
							<li><a href="#">Page</a></li>
						</ul>
					</li>
					<li><a href="login.html"> <i class="icon-interface-windows"></i>Login page                             </a></li>
					<li> <a href="#"> <i class="icon-mail"></i>Demo
						<div class="badge badge-warning">6 New</div></a></li>
				</ul>
			</div>
			<div class="admin-menu">
				<h5 class="sidenav-heading">Second menu</h5>
				<ul id="side-admin-menu" class="side-menu list-unstyled">
					<li> <a href="#"> <i class="icon-screen"> </i>Demo</a></li>
					<li> <a href="#"> <i class="icon-flask"> </i>Demo
						<div class="badge badge-info">Special</div></a></li>
					<li> <a href=""> <i class="icon-flask"> </i>Demo</a></li>
					<li> <a href=""> <i class="icon-picture"> </i>Demo</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<div class="page">
		<header class="header" th:replace="index::header">
			<nav class="navbar">
				<div class="container-fluid">
					<div class="navbar-holder d-flex align-items-center justify-content-between">
						<div class="navbar-header"><a id="toggle-btn" href="#" class="menu-btn"><i class="icon-bars"> </i></a><a href="discussindex.html" class="navbar-brand">
							<div class="brand-text d-none d-md-inline-block"><span>Bootstrap </span><strong class="text-primary">Dashboard</strong></div></a></div>
						<ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
							<!-- Notifications dropdown-->
							<li class="nav-item dropdown"> <a id="notifications" rel="nofollow" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><i class="fa fa-bell"></i><span class="badge badge-warning">12</span></a>
								<ul aria-labelledby="notifications" class="dropdown-menu">
									<li><a rel="nofollow" href="#" class="dropdown-item">
										<div class="notification d-flex justify-content-between">
											<div class="notification-content"><i class="fa fa-envelope"></i>You have 6 new messages </div>
											<div class="notification-time"><small>4 minutes ago</small></div>
										</div></a></li>
									<li><a rel="nofollow" href="#" class="dropdown-item">
										<div class="notification d-flex justify-content-between">
											<div class="notification-content"><i class="fa fa-twitter"></i>You have 2 followers</div>
											<div class="notification-time"><small>4 minutes ago</small></div>
										</div></a></li>
									<li><a rel="nofollow" href="#" class="dropdown-item">
										<div class="notification d-flex justify-content-between">
											<div class="notification-content"><i class="fa fa-upload"></i>Server Rebooted</div>
											<div class="notification-time"><small>4 minutes ago</small></div>
										</div></a></li>
									<li><a rel="nofollow" href="#" class="dropdown-item">
										<div class="notification d-flex justify-content-between">
											<div class="notification-content"><i class="fa fa-twitter"></i>You have 2 followers</div>
											<div class="notification-time"><small>10 minutes ago</small></div>
										</div></a></li>
									<li><a rel="nofollow" href="#" class="dropdown-item all-notifications text-center"> <strong> <i class="fa fa-bell"></i>view all notifications                                            </strong></a></li>
								</ul>
							</li>
							<!-- Messages dropdown-->
							<li class="nav-item dropdown"> <a id="messages" rel="nofollow" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><i class="fa fa-envelope"></i><span class="badge badge-info">10</span></a>
								<ul aria-labelledby="notifications" class="dropdown-menu">
									<li><a rel="nofollow" href="#" class="dropdown-item d-flex">
										<div class="msg-profile"> <img src="img/avatar-1.jpg" alt="..." class="img-fluid rounded-circle"></div>
										<div class="msg-body">
											<h3 class="h5">Jason Doe</h3><span>sent you a direct message</span><small>3 days ago at 7:58 pm - 10.06.2019</small>
										</div></a></li>
									<li><a rel="nofollow" href="#" class="dropdown-item d-flex">
										<div class="msg-profile"> <img src="img/avatar-2.jpg" alt="..." class="img-fluid rounded-circle"></div>
										<div class="msg-body">
											<h3 class="h5">Frank Williams</h3><span>sent you a direct message</span><small>3 days ago at 7:58 pm - 10.06.2019</small>
										</div></a></li>
									<li><a rel="nofollow" href="#" class="dropdown-item d-flex">
										<div class="msg-profile"> <img src="img/avatar-3.jpg" alt="..." class="img-fluid rounded-circle"></div>
										<div class="msg-body">
											<h3 class="h5">Ashley Wood</h3><span>sent you a direct message</span><small>3 days ago at 7:58 pm - 10.06.2019</small>
										</div></a></li>
									<li><a rel="nofollow" href="#" class="dropdown-item all-notifications text-center"> <strong> <i class="fa fa-envelope"></i>Read all messages    </strong></a></li>
								</ul>
							</li>
							<!-- Languages dropdown    -->
							<li class="nav-item dropdown"><a id="languages" rel="nofollow" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link language dropdown-toggle"><img src="img/flags/16/GB.png" alt="English"><span class="d-none d-sm-inline-block">English</span></a>
								<ul aria-labelledby="languages" class="dropdown-menu">
									<li><a rel="nofollow" href="#" class="dropdown-item"> <img src="img/flags/16/DE.png" alt="English" class="mr-2"><span>German</span></a></li>
									<li><a rel="nofollow" href="#" class="dropdown-item"> <img src="img/flags/16/FR.png" alt="English" class="mr-2"><span>French                                                         </span></a></li>
								</ul>
							</li>

							<li class="nav-item"><a href="login.html" class="nav-link login"> <span class="d-none d-sm-inline-block">Login</span><i class="fa fa-sign-in"></i></a></li>

							<li class="nav-item"><a href="Register.html" class="nav-link register"> <span class="d-none d-sm-inline-block">Register</span><i class="fa fa-registered"></i></a></li>

							<!-- Log out-->
							<li class="nav-item"><a href="login.html" class="nav-link logout"> <span class="d-none d-sm-inline-block">Logout</span><i class="fa fa-sign-out"></i></a></li>
						</ul>
					</div>
				</div>
			</nav>
		</header>



		<!-- 内容 -->
		<div class="main">
			<div class="container">
				<div class="position-relative">
					<!-- 选项 -->
					<ul class="nav nav-tabs mb-3">
						<li class="nav-item">
							<a class="nav-link position-relative" th:href="@{/letter/list}">
								朋友私信<span class="badge badge-danger" th:text="${letterUnreadCount}" th:if="${letterUnreadCount!=0}">3</span>
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link position-relative active" th:href="@{/notice/list}">
								系统通知<span class="badge badge-danger" th:text="${noticeUnreadCount}" th:if="${noticeUnreadCount!=0}">27</span>
							</a>
						</li>
					</ul>
				</div>	
				
				<!-- 通知列表 -->
				<ul class="list-unstyled">
					<!--入库通知-->
					<li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:if="${InWarehouseENotice.message!=null}">
						<span class="badge badge-danger" th:text="${InWarehouseENotice.unread!=0?InWarehouseENotice.unread:''}">3</span>
						<img src="http://static.nowcoder.com/images/head/reply.png" class="mr-4 user-header" alt="通知图标">
						<div class="media-body">
							<h6 class="mt-0 mb-3">
								<span>入库通知</span>
								<span class="float-right text-muted font-size-12"
									th:text="${#dates.format(InWarehouseENotice.message.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</span>
							</h6>
							<div>
								<a th:href="@{/notice/detail/comment}">
									用户
									<i th:utext="${InWarehouseENotice.user.username}">nowcoder</i>
									入库了<b th:text="${InWarehouseENotice.weight}">斤</b> <b>斤</b> <b th:text="${InWarehouseENotice.fishname}">斤</b> ...
								</a>
								<ul class="d-inline font-size-12 float-right">
									<li class="d-inline ml-2"><span class="text-primary">共 <i th:text="${InWarehouseENotice.count}">3</i> 条会话</span></li>
								</ul>
							</div>
						</div>
					</li>

					<!--入库通知-->
<!--					<li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:if="${likeNotice.message!=null}">-->
<!--						<span class="badge badge-danger" th:text="${likeNotice.unread!=0?likeNotice.unread:''}">3</span>-->
<!--						<img src="http://static.nowcoder.com/images/head/like.png" class="mr-4 user-header" alt="通知图标">-->
<!--						<div class="media-body">-->
<!--							<h6 class="mt-0 mb-3">-->
<!--								<span>赞</span>-->
<!--								<span class="float-right text-muted font-size-12"-->
<!--									  th:text="${#dates.format(likeNotice.message.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</span>-->
<!--							</h6>-->
<!--							<div>-->
<!--								<a th:href="@{/notice/detail/like}">-->
<!--									用户-->
<!--									<i th:utext="${likeNotice.user.username}">nowcoder</i>-->
<!--									点赞了你的<b th:text="${likeNotice.entityType==1?'帖子':'回复'}">帖子</b> ...-->
<!--								</a>-->
<!--								<ul class="d-inline font-size-12 float-right">-->
<!--									<li class="d-inline ml-2"><span class="text-primary">共 <i th:text="${likeNotice.count}">3</i> 条会话</span></li>-->
<!--								</ul>-->
<!--							</div>-->
<!--						</div>-->
<!--					</li>-->

					<!--出库通知-->
					<li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:if="${likeNotice.message!=null}">
						<span class="badge badge-danger" th:text="${likeNotice.unread!=0?likeNotice.unread:''}">3</span>
						<img src="http://static.nowcoder.com/images/head/like.png" class="mr-4 user-header" alt="通知图标">
						<div class="media-body">
							<h6 class="mt-0 mb-3">
								<span>赞</span>
								<span class="float-right text-muted font-size-12"
									  th:text="${#dates.format(likeNotice.message.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</span>
							</h6>
							<div>
								<a th:href="@{/notice/detail/like}">
									用户
									<i th:utext="${likeNotice.user.username}">nowcoder</i>
									点赞了你的<b th:text="${likeNotice.entityType==1?'帖子':'回复'}">帖子</b> ...
								</a>
								<ul class="d-inline font-size-12 float-right">
									<li class="d-inline ml-2"><span class="text-primary">共 <i th:text="${likeNotice.count}">3</i> 条会话</span></li>
								</ul>
							</div>
						</div>
					</li>
					<!--关注类通知-->
					<li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:if="${followNotice.message!=null}">
						<span class="badge badge-danger" th:text="${followNotice.unread!=0?followNotice.unread:''}">3</span>
						<img src="http://static.nowcoder.com/images/head/follow.png" class="mr-4 user-header" alt="通知图标">
						<div class="media-body">
							<h6 class="mt-0 mb-3">
								<span>关注</span>
								<span class="float-right text-muted font-size-12"
									  th:text="${#dates.format(followNotice.message.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</span>
							</h6>
							<div>
								<a th:href="@{/notice/detail/follow}">
									用户
									<i th:utext="${followNotice.user.username}">nowcoder</i>
									关注了你 ...
								</a>
								<ul class="d-inline font-size-12 float-right">
									<li class="d-inline ml-2"><span class="text-primary">共 <i th:text="${followNotice.count}">3</i> 条会话</span></li>
								</ul>
							</div>
						</div>
					</li>					
				</ul>
			</div>
		</div>

	</div>

	</div>

	<!-- JavaScript files-->
	<script th:src="@{/vendor/jquery/jquery.min.js}"></script>
	<script th:src="@{/vendor/popper.js/umd/popper.min.js}"> </script>
	<script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}"></script>
	<script th:src="@{/js/grasp_mobile_progress_circle-1.0.0.min.js}"></script>
	<script th:src="@{/vendor/jquery.cookie/jquery.cookie.js}"> </script>
	<script th:src="@{/vendor/chart.js/Chart.min.js}"></script>
	<script th:src="@{/vendor/jquery-validation/jquery.validate.min.js}"></script>
	<script th:src="@{/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js}"></script>
	<script th:src="@{/js/charts-home.js}"></script>
	<!-- Main File-->
	<script th:src="@{/js/front.js}"></script>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
	<script th:src="@{/js/global.js}"></script>
	<script th:src="@{js/index.js}"></script>
</body>
</html>
